<nz-layout>
  <nz-sider nzCollapsible [(nzCollapsed)]="isCollapsed" [nzTrigger]="triggerTemplate">
    <div class="logo"></div>
    <ul nz-menu [nzTheme]="'dark'" [nzMode]="'inline'" [nzInlineCollapsed]="isCollapsed">
      <li nz-submenu>
        <span title><i nz-icon type="user"></i><span class="nav-text">User</span></span>
        <ul>
          <li nz-menu-item><a [routerLink]="['user/list']">List</a>
          </li>
          <li nz-menu-item><a [routerLink]="['user/create']">Create</a></li>
        </ul>
      </li>
      <li nz-submenu>
        <span title><i nz-icon type="bars" theme="outline"></i><span>Category</span></span>
        <ul>
          <li nz-menu-item><a [routerLink]="['cate/list']">List</a></li>
          <li nz-menu-item><a [routerLink]="['cate/create']">Create</a></li>
        </ul>
      </li>
      <li nz-submenu>
        <span title><i nz-icon type="file-text" theme="outline"></i><span class="nav-text">Article</span></span>
        <ul>
          <li nz-menu-item>List</li>
          <li nz-menu-item>Create</li>
        </ul>
      </li>
      <li nz-submenu>
        <span title><i nz-icon type="book" theme="outline"></i><span class="nav-text">Book</span></span>
        <ul>
          <li nz-menu-item>List</li>
          <li nz-menu-item>Create</li>
        </ul>
      </li>
      <li nz-submenu>
        <span title><i nz-icon type="solution" theme="outline"></i><span class="nav-text">Saying</span></span>
        <ul>
          <li nz-menu-item>List</li>
          <li nz-menu-item>Create</li>
        </ul>
      </li>
      <li nz-submenu>
        <span title><i nz-icon type="customer-service" theme="outline"></i><span class="nav-text">Music</span></span>
        <ul>
          <li nz-menu-item>List</li>
          <li nz-menu-item>Create</li>
        </ul>
      </li>
    </ul>
  </nz-sider>
  <nz-layout>
    <nz-header style="background: #fff; padding:0;">
      <i class="trigger" nz-icon [type]="isCollapsed ? 'menu-unfold' : 'menu-fold'" (click)="isCollapsed = !isCollapsed"></i>
    </nz-header>
    <nz-content style="margin:0 16px;">
      <div style="margin:16px 0;padding:24px; background: #fff; min-height: 780px;">
          <router-outlet></router-outlet>
      </div>
    </nz-content>
    <nz-footer style="text-align: center;">Fei wo blog ©2019 Implement By Angular</nz-footer>
  </nz-layout>
</nz-layout>
<ng-template #trigger> <i nz-icon type="up"></i> </ng-template>
